.app {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #f5f5f5;
  position: relative;
  overflow-x: hidden; /* 防止水平滚动 */
}

.appMain {
  flex: 1;
  padding-bottom: 4rem; /* 为底部导航留出更多空间 - 使用rem单位 */
  padding-top: 3.75rem; /* 为顶部导航留出空间 - 使用rem单位 */
  min-height: calc(100vh - 7.5rem); /* 确保内容区域高度正确 */
  width: 100%;
  overflow-x: hidden;
}

/* 移动端适配 */
@media (max-width: 768px) {
  .appMain {
    padding-bottom: 3.5rem; /* 56px - 为底部导航留出更多空间 */
    padding-top: 3.125rem; /* 50px */
    min-height: calc(100vh - 6.25rem); /* 100px */
  }
}

/* 确保Ant Design Mobile组件样式正确 */
:global(.adm-nav-bar) {
  height: 3.75rem; /* 60px */
}

:global(.adm-tab-bar) {
  height: 3.75rem; /* 60px */
}

@media (max-width: 768px) {
  :global(.adm-nav-bar) {
    height: 3.125rem; /* 50px */
  }
  
  :global(.adm-tab-bar) {
    height: 3.125rem; /* 50px */
  }
}
